<html>
    <head>
        <meta charset="UTF-8">
        <title>正则表达式的使用</title>
        <script type="text/javascript">
        /*
            1、在js中怎么创建正则表达式对象？正则表达式对象中那个方法最常用？

                在创建正则表达式对象有两种方式：

                第一种方式：

                    var regexp = /正则表达式/flag;

                第二种方式：

                    var regexp = new RegExp("正则表达式","flag");

                    ^(*￣(oo)￣)^：flag可选值：i，g，m；
                            i：忽略大小写

                            g：当前行所有数据

                            m：支持多行搜索

                         i,g,m可以合并使用

                正则表达式对象有一个很重要的方法，叫做test

                     语法格式：

                        var regexp = /正则表达式/;

                        var retValue = regexp.test(字符串);

                        retValue:true  字符串符号正则表达式

                        retValue:false  字符串不符合正则表达式

                 



        */
        function checkEmail(email){

            var emailRegExp = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
            var ok = emailRegExp.test(email);
            if(ok){
                emailError.innerHTML = "" ;

            }
            else{
                emailError.innerHTML = "<font color ='red'>邮箱地址格式错误</font>" ;

            }

        }
        
        
        </script>
    </head>
    <body>
        邮箱地址<input type="text" name="email" onblur="checkEmail(this.value);"/>
        <span id="emailError"></span>
    </body>
</html>